.lonix.downlist .title {
    font-size:12px;
    padding:4px;
    border-radius:4px;
    position:relative;
    cursor: default;
    user-select: none;
    border:1px solid transparent;
}
.lonix.downlist .title:hover {
    border-color:#cccccc;
}
.lonix.downlist .title:active{
    background:#cccccc;
}
.lonix.downlist .title:after {
    content:' ▼'
}
.lonix.downlist .list ul {
    position:absolute;
    display:none;
    margin:0;
    padding:0;
    background:#ffffff;
    z-index:9;
    border: 1px solid #999999;
}
.lonix.downlist .list li {
    margin:0;
    padding:0;
    list-style:none;
}
.lonix.downlist .list li a {
    padding:3px 4px;
    display:block;
    font-size:12px;
    text-decoration:none;
    margin:3px auto;
}
.lonix.downlist .list li:hover {
    background:#cccccc;
}
.lonix.downlist a.selected {
    background:#cccccc;
}
.lonix.downlist a.selected:after {
    content:' √'
}